@charset 'utf-8';
    
    *{
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
            .clearfix::after{
                content:'';
                display: inline-block;
                clear: both;
            }
            
            html,body{
                width: 100%;
                height: 100%;
            }
            
            .web{
                width: 100%;
                height: 100%;
                /*background: black;*/
                position: relative;
            }
            
            header{
                width: 100%;
                height: 75px;
            /*  background: skyblue;*/
                position: absolute;
                top: 0;
            }
            
            header>div{
                /*display: inline-block;
                vertical-align: middle;*/
            }
            
            header .logo{
                width: 62px;
                height: 62px;
                float: left;
                margin-left: 10px;
                margin-top: 8px;
            }
            
            header .logo img{
                width: 100%;
                height: 100%;
            }
            
            header .search-bar{
                width: 132px;
                height: 25px;
                border: 1px solid #ff9344;
                border-radius: 25px;
                padding: 0 6px;
                box-sizing: border-box;
                margin: 25px auto 0;
            }
                
            header .search-bar input{
                width: 98px;
                height: 100%;
                border: none;
                vertical-align: top;
                font-size: 12px;
                border-radius: 10px;
                outline: none;
                text-indent: 2px;
            }       
            
            header .search-bar i{
                font-size: 12px;
                color: #ff9344;     
            }
                    
            header .select-bar{
                float: right;
                margin-right: 11px;
                margin-top: 24px;
                width: 79px;
                height: 27px;
                border: 1px solid #FF9344;
                background: url(../img/triangle.png) 47px center no-repeat;
                background-size: 15px 8px ;     
            }       
                    
            header select{
                appearance: none;           
                -webkit-appearance: none;
                -moz-appearance: none;
                border: none;
                background: white;
                outline: none;
                width: 100%;
                height: 100%;
                background-color: transparent;
            }
            
            header select+i{
                    margin-left: 11px;
            }
            
            header i{
                color: #ff9344;
            }
            
            footer{
                width: 100%;
                height: 68px;
                background: white;
                position: absolute;
                bottom: 0;
            }
            
            section{
                width: 100%;
                background: orange;
                position: absolute;
                top: 75px;
                bottom: 68px;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
            }